<template>
	<view>
		<view class="header">
			<u-navbar
				:background="{ backgroundColor: '#3478F2' }"
				back-icon-color="#fff"
				back-icon-name="arrow-left"
				back-icon-size="40"
				title="申请结果"
				title-color="#fff"
				title-size="40"
				title-bold
			></u-navbar>
		</view>
		<scroll-view scroll-top="0" scroll-y="true" :style="`height:${scrollHeight}px`">
			<view class="page">
				<view class="top">
					<view class="top_title">当前可申请的大额产品已满，请明日再来。</view>
				</view>
				<view class="tip">
					<image src="/static/icon/zan.png" mode="scaleToFill" class="hand" />
					<text>您可以申请线上贷款，增加贷款成功率</text>
				</view>
				<view class="bottom">
					<view class="first_line"></view>
					<Product :obj="obj" />
				</view>
				<view class="btn headle" @click="more">查看更多</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
import Product from './components/product.vue'
import { mixin } from '@/utils/mixins'
export default {
	mixins: [mixin],
	components: { Product },
	data() {
		return {
			obj: {
				title: '名字名字',
				month: '18',
				percent: 82
			}
		}
	},
	methods: {
		more() {
			uni.switchTab({
				url: '/pages/loans/index'
			})
		},
		detail() {
			uni.navigateTo({
				url: '/pages/loans/detail'
			})
		}
	}
}
</script>

<style lang="scss" scoped>
.page {
	height: 100%;
	background: #ffffff;
}
.top {
	height: 636rpx;
	display: flex;
	align-items: center;
}
.top_title {
	width: 468rpx;
	font-size: 36rpx;
	font-family: PingFang SC;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	color: #333333;
}
.tip {
	width: 100vw;
	height: 64rpx;
	line-height: 64rpx;
	background: #f2f7ff;
	font-size: 32rpx;
	font-weight: bold;
	color: #333333;
	letter-spacing: 1rpx;
	display: flex;
	justify-content: center;
	.hand {
		margin-right: 12rpx;
		width: 40rpx;
		height: 37rpx;
		margin-top: 10rpx;
	}
}
.bottom {
	padding-top: 24rpx;
	.first_line {
		width: 100vw;
		height: 2rpx;
		background: #f3f3f3;
	}
}
.btn {
	width: 640rpx;
	height: 92rpx;
	background: linear-gradient(270deg, #0481fe 0%, #40c5fe 100%);
	border-radius: 70rpx;
	text-align: center;
	line-height: 92rpx;
	font-size: 36rpx;
	font-family: PingFang SC;
	font-weight: 400;
	color: #ffffff;
	margin: 0 auto;
	margin-top: 60rpx;
}
</style>
